<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<!--
https://css3-tutsplus.googlecode.com/svn/trunk/compress-css/compress-css.html#.UEc-HiLT44E
http://under-88.blogspot.com/p/css-compressor.html#axzz25a1g1uDR
http://under-88.blogspot.com/p/arsip-blog.html
http://www.w3.org/TR/html401/interact/forms.html
http://www.w3.org/TR/html401/index/elements.html
http://codepen.io/anon/pen/wpgeo
-->
<script type="text/javascript">
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('j r(a){d b=7.8(a),e=7.8(\'e\'),4=b.c;k(e.h){4=4.5(/\\/\\*[\\s\\S]*?\\*\\//z,"")}4=4.5(/\\t/g,"");4=4.5(/\\n\\s+|\\n+/g,"\\n");4=4.5(/\\s+{([\\n\\s]+)/g,"{");4=4.5(/;([\\n\\s]+)/g,";");4=4.5(/\\s+}([\\n\\s]+)/g,"}\\n");4=4.5(/}\\n}/g,"}}");4=4.5(/(\\s+{|{\\s+)/g,"{");4=4.5(/\\n+/g,"\\n");4=4.5(/:\\s+/g,":");4=4.5(/,\\s+/g,",");4=4.5(/;}\\s+/g,"}\\n");4=4.5(/:v/g,":0");4=4.5(/ v/g," 0");b.c=4;b.l();b.m()}j A(a){7.8(\'e\').h=B;r(\'C\');d b=7.8(a),w=7.8(\'D\'),x=7.8(\'E\'),4=b.c;4=4.5(/{/g," {\\n  ");4=4.5(/;|;\\s+/g,";\\n  ");4=4.5(/;\\n  |;\\s+\\n  /g,";\\n  ");4=4.5(/;(\\n|\\n\\s+|\\s+\\n)}/g,";\\n}");4=4.5(/}/g,";\\n}\\n");4=4.5(/\\{\\n\\s+;\\n\\}/g,"{}");4=4.5(/\\n;\\n}/g,"\\n}");4=4.5(/\\n}\\n}/g,"\\n}}");4=4.5(/;\\n  ;\\n}/g,";\\n}");k(x.h)4=4.5(/\\n +/g,"\\n\\t");4=4.5(/;\\n(  |\\t)\\/\\*/g,"; /*");4=4.5(/\\n\\*/g,"\\n *");4=4.5(/\\n \\*\\//g,"\\n *\\/\\n");4=4.5(/@(F|-G|-H|-I|-o|J)(.*[^\\}])\\n  /g,"@$1$2\\n");4=4.5(/ \\* {/g,"\\* {");4=4.5(/ \\*:/g,"\\*:");k(w.h){4=4.5(/,#/g,",\\n#");4=4.5(/,\\./g,",\\n\\.");4=4.5(/,\\n#([0-K-L-f]{3,6})/g,",#$1");4=4.5(/,\\n\\.([0-9])/g,",.$1");4=4.5(/,(M|N|O|P|Q|R|T|U|V|W|X|Y|Z|10|11|12|13|14|15|y|16|17|18|19|p|1a|1b|1c|1d|1e|1f|y|1g|1h|1i|1j|1k|1l|a|b|i|u|q|1m|d|m|1n|1o|1p|1q|1r|1s)/g,",\\n$1");4=4.5(/,(1t|1u|1v|1w|1x|1y|1z|1A|1B|1C|1D|1E|1F|1G)/g,",\\n$1");4=4.5(/,\\1H /g,",1I ")}b.c=4;b.l();b.m()}j 1J(a){d b=7.8(a);b.c="";b.l()}',62,108,'||||rep|replace||document|getElementById||||value|var|ndeso|||checked||function|if|focus|select|||||packCSS||||0px|breakMultipleSelector|toGondez|fieldset|gm|unPackCSS|false|unPack|bs|gondez|media|webkit|moz|ms|keyframes|9A|Fa|html|style|body|div|dl|dt||dd|ul|ol|li|h1|h2|h3|h4|h5|h6|pre|code|form|legend|input|button|textarea|blockquote|table|tbody|thead|th|td|img|address|caption|cite|dfn|em|strong|option|optgroup|del|ins|abbr|acronym|article|aside|details|figcaption|figure|footer|header|hgroup|menu|nav|section|audio|canvas|video|ninset|inset|clearField'.split('|'),0,{}))
</script>

<style type="text/css">
#ndeso,#pack{display:none;}
.compressor_title{color:lightblue;display:block;text-align:center;font:bold 18px Verdana;margin:-40px 30px 5px;}
textarea{
	font:normal 12px Verdana,Arial,Sans-serif;
	line-height:18px;
	width:600px;
	min-width:600px;
	max-width:100%;
	border:solid #aaa;
	border-width:4px 4px 4px 4px;
	border-radius:8px 8px 6px 6px;
	padding:15px 5px 5px 12px;
	background:#666 url(https://lh4.googleusercontent.com/-poMDGJSQP88/UEbw90-a8dI/AAAAAAAAAZM/AVNs6vOFod0/h120/th-ori-textarea-resize18.png) bottom right no-repeat;
	color:#fff;
	box-shadow:0 0 12px #000;
	}
.area_box{background:#888;border:2px solid #333;border-radius:6px;display:inline-block;padding:4px 10px 10px;}	
textarea:focus{background-color:#eee;color:#000;}
input{margin-left:10px;padding:0 8px;}
.clik{cursor:pointer;padding:0 8px;box-shadow:-1px -1px 0 #666,2px 2px 3px #666;margin:5px 10px 4px 10px;}
.unpack{color:red;font-weight:bold;}
.cssValue{width:80px;max-width:150px;}
.post .post-body:after{display:none;}
.css_here{text-align:center;font:bold 18px Times New Roman;display:block;margin:2px 10px 5px 20px;color:#ccc;text-shadow:1px 0px 0 #fff, 1px 0px 0 #000;}
</style>
</head>

<body>

<input id="ndeso"/><span id="pack"></span>
<h2>Unpack CSS</h2>
<button class="clik unpack" onclick="unPackCSS('unPack');">unPack</button>
<button class="clik" onclick="clearField('unPack');">Reset</button><br />
<div class="area_box"><span class="css_here">CSS Here!</span>
<textarea name="area_1" cols="75" id="unPack" rows="15"></textarea>
</div><br/>
<b style="margin-left:10px;">Style:</b><input checked="true" type="checkbox" onchange="unPackCSS('unPack');" id="gondez" /><b style="margin-left:10px;">Break multiple selector (e.g: <code>html,body,table {}</code>):</b><input type="checkbox" onchange="unPackCSS('unPack');" id="bs" checked="true" />
</body>
</html>

